import React from 'react'
import { NavLink, Outlet } from 'react-router-dom'

export default function Home() {
    return (
        <div className="panel">
            <div className="panel-body">
                <h3>我是Home的内容</h3>
                <div>
                    <ul className="nav nav-tabs">
                        <li>
                            <NavLink className="list-group-item" to="news">News</NavLink>
                        </li>
                        <li>
                            <NavLink className="list-group-item " to="message">Message</NavLink>
                        </li>
                    </ul>
                    {/* 二级路由展示位置 */}
                    <Outlet/>
                </div>
            </div>
        </div>
    )
}
